<template>
  <div class="w-full o-x-scroll scroll-touch flex flex-nowrap">
    <div class="item m-r-1vw w-25vw flex-s-0" v-for="(item, index) in list" :key="index">
      <div class="m-b-5">
        <img class="w-full fs-12 text-grey" :src="item.picture" alt="图片" />
      </div>
      <p class="fs-rem-14px text-content overflow-one" v-if="type === 'brand'">{{item.bname}}</p>
      <p class="fs-rem-14px text-content overflow-one" v-if="type === 'discount'">{{item.gname}}</p>
    </div>
  </div>
</template>

<script>
export default {
  props: {
    type: {
      required: true,
      type: String
    },
    list: {
      required: true,
      type: Array
    }
  }
}
</script>
